<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <title>知识黄金屋</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="assets/i/favicon.png">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">


    <link rel="stylesheet" href="../assets/css/amazeui.min.css">
    <link rel="stylesheet" href="../assets/js/layui/css/layui.css">
    <link rel="stylesheet" href="../assets/css/global.css">


    <link rel="stylesheet" href="../assets/css/index.css">

</head>
<body>
<div class="app-bg"></div>

<div class="app-main" id="index_div">

    <!--头部区域-->
    <div class="main-index-header am-g am-text-center">
        <div class="am-u-sm-3  margintop10 am-padding-0">
            <a href="game_shows.html"><span class="app-btn">玩法简介</span></a>
        </div>
        <div class="am-u-sm-6  am-padding-0">
            <img src="../images/logo_big.png" alt="" width="160">
            <span class="header-title"><img src="../images/index_header_title.png" height="15" alt=""></span>
        </div>
        <div class="am-u-sm-3  margintop10 am-padding-0">
            <span class="app-btn" onclick="backPage(0)">刷新</span>
        </div>
    </div>
    <!--头部区域End-->

    <!--切换区-->
    <div class="main-square-box am-g">
        <div class="tab-box am-text-center">
            <span class="tab-bd" v-bind:class="{'active':type == 0}" v-on:click="switchType(0)">未挑战</span>
            <span class="tab-bd" v-bind:class="{'active':type == 1}" v-on:click="switchType(1)">挑战中</span>
        </div>
        <div class="tab-show-box" v-cloak>
            <div class="tab-show-content" v-bind:class="{'active':type == 0}">

                <div class="tab-show-item am-text-center am-u-sm-4" v-for="challenge in data_list">
                    <a :href="challenge.id | getAnswerHref">
                        <img :src="challenge.avatar" alt="" width="60" height="60">
                        <span>{{challenge.money|integral}}元挑战</span>
                    </a>
                </div>

            </div>

            <div class="tab-show-content" v-bind:class="{'active':type == 1}">
                <div class="tab-show-item am-text-center am-u-sm-4" v-for="challenge in data_list">
                    <a :href="challenge.id | getAnswerHref">
                        <img :src="challenge.avatar" alt=""  width="60" height="60">
                        <span>{{challenge.money|integral}}元挑战</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!--切换区End-->

</div>

<!--固定左侧导航-->
<div class="index-fixed-menu">

    <div class="menu-item" onclick="window.location.href='near_challenge.html';">
        周边挑战
    </div>
    <div class="menu-item" onclick="window.location.href='user.html?is_show=2';">
        奖励客服
    </div>
</div>
<!--固定左侧导航End-->


<!--底部导航栏-->
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default"
     id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4">
        <li>
            <a href="javascript:void(0);" >
                <img src="../assets/i/square_active.png" alt="挑战广场"/>
                <span class="am-navbar-label active">挑战广场</span>
            </a>
        </li>
        <li>
            <a href="challenge.html">
                <img src="../assets/i/trophy.png" alt="发起挑战"/>
                <span class="am-navbar-label">发起挑战</span>
            </a>
        </li>
        <li>
            <a href="user.html">
                <img src="../assets/i/user.png" alt="个人中心"/>
                <span class="am-navbar-label">个人中心</span>
            </a>
        </li>
    </ul>
</div>
<!--底部导航栏End-->


<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/layui/layui.js"></script>
<script src="../assets/js/global.js"></script>
<script src="../assets/js/vue.js"></script>

<!--页面内js-->
<script src="../assets/js/frontend/index.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>

    function startJsSDK(){
        /**
         * 配置JS-SDK
         */
        wx.config({
            "debug": false,
            "beta": false,
            'appId': js_config.appId,
            'timestamp': js_config.timestamp,
            'nonceStr': js_config.noncestr,
            'signature': js_config.signature,
            "jsApiList": ["onMenuShareAppMessage", "onMenuShareTimeline"]
        });

        /**
         * 分享
         */
        wx.ready(function () {
            wx.onMenuShareAppMessage({
                title: '你的好友向你发起了智商挑战',
                desc: '应不应战，奖金就在那里~',
                link: js_config.host+"/pages/index.html?uid="+user_id,
                imgUrl: js_config.host+'/images/shade_logo.png',
                success: function (res) {
                    console.log(res);
                },
                cancel: function (resq) {
                    // 用户取消分享后执行的回调函数
                    console.log(resq);

                }
            });
            wx.onMenuShareTimeline({
                title: '你的好友向你发起了智商挑战',
                desc: '应不应战，奖金就在那里~',
                link: js_config.host+"/pages/index.html?uid="+user_id,
                imgUrl:js_config.host+'/images/shade_logo.png',
                success: function (res) {
                    console.log(res);
                },
                cancel: function (resq) {
                    // 用户取消分享后执行的回调函数
                    console.log(resq);

                }
            });
        });

    }

</script>

</body>
</html>
